Accessibility
Nelle pagine Web, è necessario rendere selezionabili i controlli interattivi personalizzati. Ad esempio, se si trasforma un <div> in un menu a tendina utilizzando JavaScript, questa azione non sarà inclusa nell'ordine delle schede per impostazione predefinita: è necessario effettuare un controllo manuale per verificare se tutti i controlli personalizzati sono selezionabili da tastiera.
Basta premere il tasto TAB: in questo modo si può navigare nella pagina e verificare se è possibile o meno raggiungere i controlli interattivi.
Se non è possibile, si deve migliorare la focalizzabilità usando il tabindex.
L'elemento di controllo personalizzato deve essere inserito nell'ordine naturale di tabulazione utilizzando tabindex="0".
<div tabindex="0">Focus me with the TAB key</div>
Per saperne di più Accessibility
Prestazioni SEO sulla pagina e checkup.
Oltre 300 parametri per l'analisi approfondita delle pagine.
Condividi questa Guida.
Ti è piaciuta? Condividila!
Web tools per sviluppatori moderni. Provali!
Generatori, builder e validatori per migliorare le tue performance di ottimizzazione SEO e web
Builders and generators
Genera meta tag richiesti e più utili per le tue pagine. Fornisci metadati sul tuo sito web e aiuta i motori di ricerca a fornire contenuti pertinenti.
Genera il tuo json per Web App Manifest e migliora i dati del sito. Fornisci informazioni sul tuo sito web e consenti agli utenti un accedere rapidamente per un’esperienza migliore.
Crea il tuo codice a barre personalizzato in oltre 70 formati. Scegli dati, formati e colori e ottieni il tuo Barcode personalizzato.
Server and proxy Tester and validators
Scopri come sono costruiti i siti web. Rileva la tecnologia, il framework ed il CMS in uso.
Images Social
Ottieni le anteprime dei video di YouTube e dati informativi. Recupera l’immagine di anteprima del video di YouTube in 9 diverse dimensioni, qualità, didascalia, descrizione e altro ancora.
Tester and validators
Convalida i file Css con il servizio di convalida W3C. Verifica se il markup del vostro Foglio di stile è conforme al W3C.
Genera icone per web, android, iOs, microsoft e app. Mostra una rappresentazione grafica del tuo sito all’interno della barra degli indirizzi del browser.
Images
Cattura rapidamente qualsiasi screenshot ed anteprima di una pagina web. Ottieni il rendering delle immagini su desktop e dispositivi mobili e pellicole in miniatura con tempi di caricamento.